<header>
    历史模式
</header>
<h2>
    Hash 模式
</h2>
<p>
    在内部传递的实际 URL 之前使用了一个井号（#）。由于这部分 URL 从未被发送到服务器，所以它不需要在服务器层面上进行任何特殊处理。
</p>
<pre tag="javascript">
import { createRouter, createWebHashHistory } from 'vue-router'
const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    //...
  ],
})
</pre>
<h2>
    Memory 模式
</h2>
<p>
    不会与 URL 交互也不会自动触发初始导航，并且需要你在调用 app.use(router) 之后手动 push 到初始导航。
</p>
<pre tag="javascript">
import { createRouter, createMemoryHistory } from 'vue-router'
const router = createRouter({
  history: createMemoryHistory(),
  routes: [
    //...
  ],
})
</pre>
<div class="tips">
    它不会有历史记录，这意味着你无法后退或前进。
</div>
<h2>
    HTML5 模式
</h2>
<p>
    URL 会看起来很 "正常"，例如 https://example.com/user/id，其需要适当的服务器配置。
</p>
<pre tag="javascript">
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
  history: createWebHistory(),
  routes: [
    //...
  ],
})
</pre>